<!DOCTYPE html>
<html>
<head th:replace="common/head :: common_head(~{::title},~{})">
  <title>财税风险分析系统  | 登录</title>
</head>
<body class="hold-transition login-page">
	<div class="login-box">
	  <div class="login-logo">
	    <small><b>财税风险分析系统</b></small>
	  </div>
	  <!-- /.login-logo -->
	  <div class="login-box-body" id="account-login">
	    <p class="login-box-msg"></p>
	
	    <form role="form" th:action="@{/client/login}" method="post">
	      <div class="form-group has-feedback">
	        <input type="text" name="username" class="form-control" placeholder="username">
	        <span class="glyphicon glyphicon-user form-control-feedback"></span>
	      </div>
	      <div class="form-group has-feedback">
	        <input type="password" name="password" class="form-control" placeholder="Password">
	        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
	      </div>
	      <div class="row" style="margin-top: 50px;">
	        <!-- <div class="col-xs-8">
	          <div class="checkbox icheck">
	            <label>
	              <input type="checkbox"> Remember Me
	            </label>
	          </div>
	        </div> -->
	        <!-- /.col -->
	        <div class="col-xs-12">
	          <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
	        </div>
	        <!-- /.col -->
	      </div>
	    </form>
	
	    <div class="social-auth-links text-center">
	      <p>- 其他登录方式 -</p>
	    </div>
	    <div class="social-auth-links text-center">
        <p><a href="javascript:toggleLoginWay();"><img alt="微信扫码登录" src="/dist/img/wechat-logo.png" style="width:48px; height:48px;"></a></p>
      </div>
	    <!-- /.social-auth-links -->
	
	    <!-- <a href="#">忘记密码</a><br>
	    <a href="register.html" class="text-center">立即注册</a> -->
	
	  </div>
	  
	  <div class="login-box-body" id="wechat-login" style="display: none;">
      <p class="login-box-msg"></p>
      <div class="social-auth-links text-center">
        <p><h3>微信扫码登录</h3></p>
        <p><img alt="微信扫码登录" src="/dist/img/QR-code.jpg"></p>
      </div>
      <div class="social-auth-links text-center">
        <p>- 其他登录方式 -</p>
      </div>
      <div class="social-auth-links text-center">
        <p><a href="javascript:toggleLoginWay();">账号密码登录</a></p>
      </div>
      <!-- /.social-auth-links -->
  
      <!-- <a href="#">忘记密码</a><br>
      <a href="register.html" class="text-center">立即注册</a> -->
  
    </div>
	  <!-- /.login-box-body -->
	</div>
	<!-- /.login-box -->
	
	<div th:replace="common/script :: script"></div>
	<script>
	  $(function () {
	    $('input').iCheck({
	      checkboxClass: 'icheckbox_square-blue',
	      radioClass: 'iradio_square-blue',
	      increaseArea: '20%' /* optional */
	    });
	  });
	  
	  function toggleLoginWay() {
		  $('#account-login').toggle();
		  $('#wechat-login').toggle();
	  }
	</script>
</body>
</html>
